@import 'variable';
.clsaaify-header {
    .lines{
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: .1rem;
        background:@common-header-bg-color;
    }
    .classify-nav {
        overflow: auto;
        padding: 0 0.6rem;
        box-sizing: border-box;
        border-bottom: 1px solid #d9d9d9;
        background: @common-header-bg-color;
        .nav-title {
            width: 200%;
            li {
                width: 0.9rem;
                float: left;
                padding: 0.2rem 0;
                a {
                    font-size: 0.2rem;
                    color: @font-dark-color;
                }
            }
        }
    }
}
.container-classify {
    margin-top:1.3rem;
    .banner {        
        width: 5.4rem;
        height: 2.1rem;
        margin: 0 auto;
        position: relative;
        img {
            width: 100%;
            height: 100%;
        }
        .classify-banner-word {
            position: absolute;
            left: 50%;
            margin-left: -.88rem;
            top: 50%;
            margin-top: -.15rem;
            color: #fff;
            h2 {
                font-size: 0.26rem;
            }
            p {
                width: 1rem;
                height: 0.02rem;
                background: @inner-background;
                margin-left: .3rem;
                margin-top: .05rem;
            }
        }
    }
}